﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>List</title>
    <script type="text/javascript" src="../scripts/jquery-1.8.0.js"></script>
    <script type="text/javascript" src="../scripts/jquery.validate.js"></script>
    <script type="text/javascript" src="../scripts/mKook.js"></script>
    <script type='text/javascript' src='../scripts/knockout-2.1.0.js'></script>
    <script type='text/javascript' src='../scripts/jquery.mobile-1.2.0-pre.js'></script>
    <link href="../Content/jquery.mobile-1.2.0-pre.css" rel="stylesheet" type="text/css" />
    <link href="../Content/mobileCRM.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div data-role="page">
        <div data-role="header">
            <table class="headerTable">
                <tr>
                    <td width="30%">
                    </td>
                    <td>
                        <h1 data-bind="text: tmpl"></h1>
                    </td>
                    <td width="30%">
                    </td>
                </tr>
            </table>
        </div>
        <div data-role="content">
            <ul data-role="listview" data-filter="true">
                <li data-role="list-divider" style="padding: 0px">
                    <table class="passList">
                        <tr class="headerRow">
                            <td width="40%" style="min-width: 250px">
                                <span>Описание, город и адрес объекта</span>
                            </td>
                            <td width="15%">
                                <span>Проектировщик</span>
                            </td>
                            <td width="15%">
                                <span>Площадь / Профиль</span>
                            </td>
                            <td width="15%">
                                <span>Срок сдачи</span>
                            </td>
                            <td width="15%">
                                <span>Стадия</span>
                            </td>
                        </tr>
                    </table>
                </li>
                <!-- ko foreach: model.items -->
                <li style="padding: 0px" data-bind="click: $root.showPassport">
                    <table class="passList">
                        <tr class="selectable">
                            <td width="40%" style="min-width: 250px">
                                <span data-bind="text: description"></span>
                                <br />
                                <span data-bind="text: country"></span>&nbsp;/&nbsp; <span data-bind="text: city"></span>&nbsp;/&nbsp;<span data-bind="text: address"></span>
                            </td>
                            <td width="15%">
                                <span data-bind="text: designer"></span>
                            </td>
                            <td width="15%">
                                <span data-bind="text: square"></span>&nbsp;/&nbsp;<span data-bind="text: profile"></span>
                            </td>
                            <td width="15%">
                                <span data-bind="text: deadline"></span>
                            </td>
                            <td width="15%">
                                <span data-bind="text: state"></span>
                            </td>
                        </tr>
                    </table>
                </li>
                <!-- /ko -->
            </ul>
        </div>
        <div data-role="footer">
            <p style="font-size: 10px; margin: 10px">© 2012 Danfoss and other contributors</p>
        </div>
    </div>
    <script type="text/javascript">
        // Список объектов
        function vmPassportList(data) {
            var $this = this;

            $this.tmpl = 'PassportList';
            $this.key = {};
            $this.data = [
            {
                number: '1',
                createArray: [{ date: new Date().toLocaleString(), name: 'Неизвестный'}],
                updateArray: [{ date: new Date().toLocaleString(), name: 'Неизвестный'}],
                description: 'Кладбище',
                square: '1 м.кв.',
                country: 'Тьмутаракань',
                city: 'Тьмутараканово',
                address: 'ул. Тьмутаракана 666',
                saleDepartment: 'Продажный отдел',
                district: '13-й',
                designer: 'Бюро ритуальных услуг',
                profile: 'Кладбище (индивид.)',
                deadline: 'deadline',
                state: 'раскопки',
                isOverhaul: 'ДА',
                isUnderway: 'ДА',
                note: 'стандартный репертуар (Шопен)'
            },
            {
                number: '2',
                createArray: [{ date: new Date().toLocaleString(), name: 'Хеопс'}],
                updateArray: [{ date: new Date().toLocaleString(), name: 'Хеопс'}],
                description: 'Пирамида',
                square: '1000 м.кв.',
                country: 'Египет',
                city: 'Каир',
                address: 'Пустыня',
                saleDepartment: 'Продажный отдел',
                district: '13-й',
                designer: 'Бюро ритуальных услуг',
                profile: 'Пирамида (индивид.)',
                deadline: 'deadline',
                state: 'набор рабов',
                isOverhaul: 'ДА',
                isUnderway: 'ДА',
                note: 'Рядом расположен сфинкс'
            },
            {
                number: '3',
                createArray: [{ date: new Date().toLocaleString(), name: 'Бог'}],
                updateArray: [{ date: new Date().toLocaleString(), name: 'Бог'}],
                description: 'Земля',
                square: '510 072 000 км²',
                country: 'Млечный путь',
                city: 'Солнце',
                address: 'Орбита 3',
                saleDepartment: 'Продажный отдел',
                district: '13-й',
                designer: 'Бог',
                profile: 'Планета (индивид.)',
                deadline: '6-й день',
                state: '1-й день',
                isOverhaul: 'ДА',
                isUnderway: 'ДА',
                note: 'Население: 2 человека'
            }];

            $this.model = {
                items: ko.observableArray($this.data)
            };

            $this.showPassport = function (viewModel) {

            };
        }

        ko.applyBindings(new vmPassportList());
    </script>
</body>
</html>
